<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box{
				margin: 30px;
				width: 400px;
				height: 700px;
				border: 1px solid cornsilk;
				border-radius: 15px;
			}
			.c1{
				font: arial 13px "微软雅黑";
				position: relative;
			}
			.c2{
				position: absolute;
				right: 1350px;
				bottom: 750px;
			}
			li{
				display: inline-block;
				line-height: 30px;
			}
			#ff{
				height: 100px;
				display: inline-block;
				margin-left: 40px;
			}
			#f2{
				position: absolute;
				right: 1510px;
				bottom: 690px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div><h1><span class="c1">SHOP</span>今日推荐</h1></div>
			<div><p class="c2"><img src="img/more.gif"></p></div>
			<div>
				<ul>
					<li><img src="img/img9.gif" width="150px">
					<div id="f2">
						<img src="img/shen.png">
					</div>
						<div id="ff">
							<h3>汉来国际美食百货</h3>
							<p>口味：创意中餐</br>
         						区域：朝阳/CBD</p>
						</div>
					</li>
					<li><img src="img/img7.gif" width="150px">
					
						<div id="ff">
							<h3>汉来国际美食百货</h3>
							<p>口味：创意中餐</br>
         						区域：朝阳/CBD</p>
						</div>
					</li>
					<li><img src="img/img8.gif" width="150px">
						<div id="ff">
							<h3>汉来国际美食百货</h3>
							<p>口味：创意中餐</br>
         						区域：朝阳/CBD</p>
						</div>
					</li>
					<li><img src="img/img7.gif" width="150px">
						<div id="ff">
							<h3>汉来国际美食百货</h3>
							<p>口味：创意中餐</br>
         						区域：朝阳/CBD</p>
						</div>
					</li>
				</ul>
			</div>
			
		</div>
		
	</body>
</html>
